<template>
	<view class="page">
		<view class="content">
			<u-avatar size="80" src="http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg"></u-avatar>
			<view class="info">
				<view class="name">
					金金小张
				</view>
				<view class="id">
					ID:256879348
				</view>
			</view>
			<u-cell :border="false" icon="setting-fill" title="个人资料"></u-cell>
			<u-cell :border="false" icon="setting-fill" title="个人资料"></u-cell>
			<u-cell :border="true" icon="setting-fill" title="个人资料"></u-cell>

			<u-cell :border="false" icon="setting-fill" title="深色模式"></u-cell>
			<u-cell :border="false" icon="setting-fill" title="消息设置"></u-cell>
			<u-cell :border="true" icon="setting-fill" title="账户安全"></u-cell>

			<u-cell :border="false" icon="setting-fill" title="退出"></u-cell>

			<u-grid :border="false" align="center">
				<u-grid-item>
					<u-icon name="setting" :size="22"></u-icon>
					<text class="grid-text">在线客服</text>
				</u-grid-item>
				<u-grid-item>
					<u-icon name="setting" :size="22"></u-icon>
					<text class="grid-text">版本更新</text>
				</u-grid-item>
				<u-grid-item>
					<u-icon name="setting" :size="22"></u-icon>
					<text class="grid-text">扫一扫</text>
				</u-grid-item>
			</u-grid>

		</view>
	</view>
</template>

<script>
	export default {

	}
</script>

<style lang="scss" scoped>
	.page {
		.content {}
	}
</style>
